<div class="send">

<div nz-row>
  <div nz-col nzSpan="24">&nbsp;</div>

  <button nz-col nzSpan="2" nz-button nzType="primary" (click)="translation()" >
    同步
  </button>
  <div nz-col nzSpan="24">&nbsp;</div>
</div>
  <div nz-row>
    <div nz-col nzSpan="1"></div>
    <nz-select nz-col nzSpan="4"
     nzShowSearch
     nzAllowClear
     nzPlaceHolder="主数据表"
     (ngModelChange)="changeTableMaster($event)"
     [(ngModel)]="selectedMaster">
        <nz-option
        *ngFor="let label of select"
        nzLabel={{label}}
        nzValue={{label}}>
      </nz-option >
 </nz-select>

    <div nz-col nzSpan="9"></div>

    <div nz-col nzSpan="4"></div>

    <nz-select nz-col nzSpan="4"
     nzShowSearch
     nzAllowClear
     (ngModelChange)="changeTableNew($event)"
     nzPlaceHolder="迁移表"
     [(ngModel)]="selectedNew">
      <nz-option
        *ngFor="let label of select"
        nzLabel={{label}}
        nzValue={{label}}>
      </nz-option >
    </nz-select>
  </div>

  <div nz-col nzSpan="24">&nbsp;</div>

</div>

<div nz-row>

  <div nz-col nzSpan="1"></div>

  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 --><!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->  <!-- 主表 -->
  <ngx-datatable
  nz-col nzSpan="10"
  class="material "
  [rows]="master"
  [headerHeight]="40"
  [footerHeight]="45"
  [columnMode]="'force'"
  [rowHeight]="'auto'" >

  <ngx-datatable-column  *ngFor="let col of columns" name= {{col.name}} >
    <ng-template  let-column="column" ngx-datatable-header-template>
   <h3> <input type="checkbox" [id]="column.name"   [value]="column.name"   (change)="changeMaster($event)">{{column.name}}</h3>
  </ng-template>
</ngx-datatable-column>

 <!-- 底部 -->
 <ngx-datatable-footer>
  <ng-template ngx-datatable-footer-template>
    <div style="margin-left:25%; text-align: center; width: 100%; ">
      第：{{newcurrentpage}}页
      本页：{{thispage}}条数据
      共计：{{totalrow}}条数据
    </div>
    <!-- [size]="thispage"   每页多少条 -->
    <!--  [page]="currentpage" 当前页 -->
    <datatable-pager [pagerLeftArrowIcon]="'datatable-icon-left'" [pagerRightArrowIcon]="'datatable-icon-right'"
      [pagerPreviousIcon]="'datatable-icon-prev'" [pagerNextIcon]="'datatable-icon-skip'" [page]="currentpage"
      [size]="thispage" [count]="totalrow" (change)=" changePageMaster($event)">
    </datatable-pager>
  </ng-template>
</ngx-datatable-footer>
  </ngx-datatable>


  <div nz-col nzSpan="1"></div>



  <!-- 新表 --><!-- 新表 --><!-- 新表 --><!-- 新表 --> <!-- 新表 --><!-- 新表 --><!-- 新表 --><!-- 新表 -->  <!-- 新表 --><!-- 新表 --><!-- 新表 --><!-- 新表 --> <!-- 新表 --><!-- 新表 --><!-- 新表 --><!-- 新表 -->

  <ngx-datatable
  nz-col nzSpan="10"
  class="material "
  [rows]="new"
  [headerHeight]="40"
  [footerHeight]="45"
  [columnMode]="'force'"
  [rowHeight]="'auto'" >

  <ngx-datatable-column  *ngFor="let col of columnsNew" name= {{col.name}} >
    <ng-template  let-column="column" ngx-datatable-header-template>
   <h3> <input type="checkbox" [id]="column.name"   [value]="column.name"   (change)="changeNew($event)">{{column.name}}</h3>
  </ng-template>
</ngx-datatable-column>
 <!-- 底部 -->
 <ngx-datatable-footer>
  <ng-template ngx-datatable-footer-template>
    <div style="margin-left:25%; text-align: center; width: 100%; ">
      第：{{newcurrentpage}}页
      本页：{{newthispage}}条数据
      共计：{{newtotalrow}}条数据
    </div>
    <!-- [size]="thispage"   每页多少条 -->
    <!--  [page]="currentpage" 当前页 -->
    <datatable-pager [pagerLeftArrowIcon]="'datatable-icon-left'" [pagerRightArrowIcon]="'datatable-icon-right'"
      [pagerPreviousIcon]="'datatable-icon-prev'" [pagerNextIcon]="'datatable-icon-skip'" [page]="newcurrentpage"
      [size]="newthispage" [count]="newtotalrow" (change)=" changePageNew($event)">
    </datatable-pager>
  </ng-template>
</ngx-datatable-footer>
  </ngx-datatable>

</div>
